<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jQuery.js">
			
		</script>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			.i1{
				/*display: block;*/
				/*margin: 0 auto;*/
				/*width: 300px;*/
				/*height: 300px;*/
				
				width: 100%;
				/*transform: scale(2,2);*/
				/*transform: translate(-10px);*/
				transition: all 0.5s ease ;
				
			}
			#d1{
				width: 300px;
				height: 300px;
				margin: 0 auto;
				overflow: hidden;
				border-radius: 10px 10px 10px 10px;
				
			}
			.transform{
				transform:scale(1.3,1.3) ;	
			}
			.box{
				box-shadow: 10px 10px 10px 10px red,-10px -10px 10px 10px red,-10px 10px 10px 10px red;
			}
			input{
				outline: none;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<img class="i1" src="img/1 (24).jpg"/>
		</div>
		<input type="text" name="" id="" value="" />
	</body>
	<script type="text/javascript">
		$("#d1").hover(function(){
			$("#d1").addClass("box");
			$(".i1").addClass('transform');
		},function(){
			$("#d1").removeClass("box");
			$(".i1").removeClass('transform');
		});
		var b=confirm("nihaoma?");
		if(b==true){
			alert("我很好！");
		}
		if(b==false){
			window.close();
		}
//		console.log(b);
//		console.log(confirm("你好吗?"));
	</script>
</html>
